<template>
	<Header></Header>
	
	<div class="faq segments-page2" style="min-height: 400px;">
	    <div class="container">
	       <!-- <div class="section-title">
	            <h3>FAQ</h3>
	        </div> -->
	        <div class="wrap-collapse">
	            <ul class="collapsible" data-collapsible="accordion">
	                <li v-for="item in dataList" style="background:#f2f2f2;">
						<router-link :to="`/jobDetails?id=${item.id}&typeId=${id}`">
							<div class="collapsible-header" style="border-bottom: 1px solid #ccc;">
							   <h5>{{item.name}}</h5>
							</div>
							<div class="collapsible-body" style="display: block; line-height: 24px;padding-top: 10px;">
								<p>{{item.title}} | {{item.categoryName}}</p>
								<p>{{item.provinceName}}·{{item.cityName}}</p>
							</div>
						</router-link>
	                </li>
	            </ul>
	        </div>
	    </div>
	</div>
	
	
	
	<Footer></Footer>
</template>

<script>
	import api from "@/api/index"
	export default {
		data() {
			return {
				id: 0,
				dataList: [],
			}
		},
		computed: {

		},

		mounted() {
			this.id = this.$route.query.id
			this.getList()
		},
		methods: {
			//获取数据
			async getList() {
				var url = '?size=20&current=1&id=' + this.id
				api.getPositionPage(url).then(res => {
					this.dataList = res.data.data.records
					
			
				})
			},
		}
	}
</script>


<style>
	.results-1cfVpxNSQJ .jobs-2Y6a0um-5h {
	  background-color: #fff;
	  margin-bottom: 30px;
	}
	.results-1cfVpxNSQJ .jobs-2Y6a0um-5h .blank-3MtXVOzb8N {
	  padding: 20px 0;
	  text-align: center;
	}
	.link-2tgd22te-3:last-child .container-1cJsniucs- {
	  border-bottom: none;
	}
	.link-2tgd22te-3 {
	  position: relative;
	  display: block;
	  padding: 0 30px;
	}
	.link-2tgd22te-3:hover {
	  background-color: #f9f9fa;
	}
	a {
	    text-decoration: none;
	    color: inherit;
	    cursor: pointer;
	}
	.link-2tgd22te-3:last-child .container-1cJsniucs- {
	  border-bottom: none;
	}
	.link-2tgd22te-3 {
	  position: relative;
	  display: block;
	  padding: 0 30px;
	}
	.link-2tgd22te-3:hover {
	  background-color: #f9f9fa;
	}
	.container-1cJsniucs- {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
	  -webkit-justify-content: space-between;
	     -moz-box-pack: justify;
	      -ms-flex-pack: justify;
	          justify-content: space-between;
	  padding: 20px 0;
	  border-bottom: 1px solid #eee;
	}
</style>
